/* CSS Document */
a{ text-decoration:none; font-size:14px; color:#000 }
a:hover{ color:#ccc}
ul{ margin:0; padding:0}
li{
    list-style: none;
}
body{ margin:0 auto; padding:0; background:#fff;  color:#333; line-height:30px}
.clearfix:after{ clear:both; content:''; display:block;}
.main{ width:1100px; margin:0 auto}
header b{ float:left}
.logo{ margin-top:10px}
header{ background:#2aae67;  }
.head span{ margin-top:15px}
.head p{width:100%; margin:0;}
header a{ font-weight:bold; color:#fff}
h1,h2,h3{ margin:0; padding:0}
header a{ font-size:18px; margin:17px 20px; display:inline-block}
.fl{ float:left}.fr{ float:right}
.bg000{ background:rgba(255,255,255,.4); overflow:hidden;}
.bar{ background:#2aae67; color:#fff ; padding:15px; font-size:18px; text-align:center}
.imgtextlist  li{ margin:0; padding:20px 0; border:#eee solid 1px; list-style:none; float:left; text-align:center; width:181px;  margin-bottom:0}
.imgtextlist img{  height:150px; max-width:100%}
.div2 .fr div{ margin:5px 5px; font-size:14px;}
.div2{ float:left;margin-top:20px; font-size:14px; width:280px;}
.div4{ float:right;margin-top:20px; width:700px}.div7{ margin-top:20px; width:100%}
footer{ text-align:center;  margin-top:20px; padding:10px 0; background:#2aae67; color:#fff}

.imgtextlist li p{ font-size:16px; margin:0}
.imgtextlist li h4{ color:#996633;  margin:0}
.title{ padding:20px 0; border-bottom:#333 dashed 1px ; margin-bottom:20px}
.title h3{ font-weight:normal}
.left{ float:left; width:200px; border:#996666 solid 1px;}
.con{ float:right; width:860px; border:#996666 solid 1px;}
.div7{ margin-top:20px}
.mar{ margin:20px 10px; padding-bottom:10px;}
.js  div{ width:100%; clear:both; margin-bottom:20px; float:left}

.goumai{  background:#CC9933; color:#fff; padding:10px 45px; font-size:18px;}
.g1{ float:left; width:50%}
.g2{ float:left; width:40%; margin-left:5%}
.js div img{ float:left; margin-right:20px} 
.imgs li{ position:relative; list-style:none}
.imgs li{ width:calc(100% - 2px); float:left; height:170px; border:#2aae67 solid 1px;margin: 10px 0px;}
.imgs li img{ float:left; margin:20px;width: 130px;height: 130px;}
.imgs li p{ font-size:18px; margin-top:40px}
.bar2{ padding-bottom:20px}
.bar2 h3{ border-left:#996633 solid 5px; padding-left:20px;}
.lists li{ text-align:center; border-bottom:#ccc solid 1px;}

.login{width: 1060px; height: auto; margin: 42px auto;}
.login-left{ float:left; width:650px}
.login .logoin-right{width: 360px; float:right; height: 510px; margin-bottom:50px; padding:27px; box-sizing: border-box; border: 1px solid #ddd; box-shadow: 0 0 15px #ccc;}
.login .logoin-right p{ display: flex; justify-content: space-between; }
.login .logoin-right p span{ color: #2aae67;}
.login .logoin-right dl dt{ padding: 15px 0 8px; }
.login .logoin-right dl dd{ position: relative; margin:0 }
.login .logoin-right dl dd input{width: 100%; height:35px; border: 1px solid #d8d8d8; text-indent: 10px; }
.login .logoin-right dd span{ position: absolute; right:10px; top:10px; cursor: pointer; }
.login .logoin-right button{width: 100%; height: 44px; margin: 15px 0; background: #2aae67; text-align: center; color: #fff; font-size: 15px;}

.login .logoin-right .pw{ text-align: right; }


.sss{ border:#cfad92 dotted 12px; background:#f6f6f6; text-align:center; padding:50px 50px; width:460px; text-align:center; margin:40px auto; }
.sss img{ margin:0 auto}
.sss h2{ font-weight:normal; font-size:40px}
#banner {
    width: 100%;
    height: 550px;
    position: relative;
    }
    #banner ul#b_pic li {
    width: 100%;
    height: 550px;
    overflow: hidden;
    position: absolute;
    top: 0;
    display: none;
    }
    #banner ul#b_pic li img {
    width: 100%;
    height: 550px;
    object-fit:cover;
    display: block;
    }
    #banner ul#b_an {
    position: absolute;
    width: 100%;
    bottom: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    }
    #banner ul#b_an li {
    width: 13px;
    height: 13px;
    background: #86939b;
    margin: 0 3px;
    }
.formBox{
	width: 70%;
	border: 1px solid #ccc;
	margin: 20px auto;
	padding: 20px 0px;
}
.formBox>h1{
	text-align: center;
	color: #4365c3;
}
.formLine{
	width: 70%;
	margin: 30px 15%;
	display: flex;
	flex-direction: row;
	position: relative;
}
.formLine>span{
	position: absolute;
	color: red;
	left: -20px;
	top: -5px;
	font-size: 30px;
}
.formLine>label{
	font-size: 20px;
	line-height: 40px;
	margin-right: 30px;
	width: 100px;
}
.formLine>input, .formLine>select{
	width: 500px;
	height: 40px;
	background-color: #fff;
	font-size: 20px;
	padding: 0px 10px;
}
.inputRadio{
	width: 30px !important;
}
.raidoTxt{
	font-size: 20px;
	line-height: 50px;
	margin: 0px 20px;
}
.inputTextArea{
	width: 500px;
	height: 100px;
	resize: none;
	padding: 10px;
	font-size: 20px;
}
.formBtn{
	justify-content: space-between;
}
.formLine>button{
	background-color: #4365c3;
	width: 100px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 20px;
	border-radius: 10px;
	border: none;
}
.checkLine{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.checkLine>div{width: 30%;margin-bottom: 10px;}
.checkLine>div>label{font-size: 20px;}
.checkLine>div>input[type='checkbox']{width: 18px;height: 18px;}
.userImgBox{display: flex;flex: 1;}
.imgBox{
	width: 200px;height: auto;
	height: 200px;overflow: hidden;border-radius: 50%;
	margin: 0 auto;
	background-color: #000;
	cursor: pointer;
}
.imgBox>img{width: 200px;height: 200px;object-fit: contain;}
.cart-container {
	width: 80%;
	margin: auto;
	padding: 20px;
	border: 1px solid #ddd;
}
table {
	width: 100%;
	border-collapse: collapse;
}
table, th, td {
	border: 1px solid black;
}
th, td {
	padding: 10px;
	text-align: left;
}
th {
	background-color: #f2f2f2;
}
.quantity-controls {
	display: flex;
	align-items: center;
}
.quantity-controls button, .quantity-controls input {
	width: 30px;
	height: 30px;
	text-align: center;
	font-size: 16px;
	line-height: 30px;
	border: 1px solid #ccc;
	background-color: #fff;
}
.quantity-controls input {
	border-left: none;
	border-right: none;
}
.total {
	font-weight: bold;
	text-align: right;
}
table img{
	width: 200px;
	height: 200px;
}








